@use "./base" as base;
$themes: (
  light: (
    //base
    primary-color: map-get(base.$r-base, blue),
    success-color: map-get(base.$r-base, green),
    danger-color: map-get(base.$r-base, red),
    warning-color: map-get(base.$r-base, orange),
    text-color: map-get(base.$r-base, gray-8),
    text-color-2: map-get(base.$r-base, gray-6),
    text-color-3: map-get(base.$r-base, gray-5),
    border-color: map-get(base.$r-base, gray-3),
    active-color: map-get(base.$r-base, gray-2),
    background: map-get(base.$r-base, gray-1),
    background-2: map-get(base.$r-base, white),
    background-3: map-get(base.$r-base, white),
    //button
    button-plain-background: map-get(base.$r-base, white),
	
	//picker
	picker-loading-mask-color: rgba(255, 255, 255, 0.9),
	picker-mask-color:linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0.4)
    ),
	picker-mask-color2: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),
	
  ),
  dark: (
    //base
    primary-color: map-get(base.$r-base, blue),
    success-color: map-get(base.$r-base, green),
    danger-color: map-get(base.$r-base, red),
    warning-color: map-get(base.$r-base, orange),
    text-color: #f5f5f5,
    text-color-2: #707070,
    text-color-3: #4d4d4d,
    border-color: #3a3a3c,
    active-color: #3a3a3c,
    background: #000,
    background-2: #1c1c1e,
    background-3: #37363b,

    //button
    button-plain-background: transparent,
	
	//picker
	picker-loading-mask-color:rgba(0, 0, 0, 0.6),
	picker-mask-color:linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.6),
        rgba(0, 0, 0, 0.1)
      ),
	picker-mask-color2: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)),
	
  ),
);
